$(function(){
     // 楼梯效果
     let top_list=[];
     let $content=$(".content")
     $.each($content,function(index,ele){
         top_list.push($(ele).offset().top)
     })
     //  console.log(top_list)
     $(".stairs .li2").click(function(){
         changeClass.call( this )
         var index=$(this).index(".stairs .li2")
         changeScrollTop( index );
     })
     $(".stairs li").first().click(function(){
         $(this).addClass("active").siblings().removeClass("active")
     })
     function changeClass(){
         $(this).addClass("active").siblings().removeClass("active")
     }
     $(".stairs .li2").last().click(function(){
         $("html,body").stop(true).animate({
             scrollTop:0
       },2000)
     })
     function changeScrollTop( index ){
         // 切换页面的scrollTop;
         $("html,body")
         .stop( true )
         .animate({
               scrollTop : top_list[index]
         })
     }
     // 根据滚动的scrollTop 获取当前楼层下标;
     $(window).scroll(function(){
         var index=getIndex()
          changeBtnClass( index );
         //  console.log(index)
     })
     //节流 这里有问题    
 //     var index=getIndex()
 //     console.log(index)
 //     window.onscroll = (function(){
 //         console.log("hello") 
 //     console.log(index)
 //         // console.log(changeBtnClass());
 //         var t = null;
 //         return  function(){
 //               if(typeof t === "number"){
 //                     return false;
 //               }
 //               t = setTimeout( function(){
 //                     t = null;
 //                     console.log( "hello 闭包");
 //                      changeBtnClass( index )
 //                      console.log(index)
 //               } , 100)
 //         }
 //   })();
     function getIndex(){
         var scrollTop=$("html,body").scrollTop()
         if(scrollTop>=top_list[top_list.length-1]){
             return top_list.length-1
         }
         for(let i=0;i<top_list.length;i++){
             if(scrollTop>=top_list[i]&&scrollTop<top_list[i+1]){
                 return i
             }
         }   
     }
      function changeBtnClass( index ){
         $(".stairs .li2")
         .removeClass("active")
         .eq(index)
         .addClass("active")
      }
})